body,html,ul{padding:0;margin:0}
header{width:100%;height:30px;line-height:30px;background:#ddd}
nav{width:1200px;margin:auto}
nav ul li{width:150px;float:left;list-style:none}
.banner{width:100%;max-height:300px;text-align:center;background:#000}
.banner img{max-height:300px}
.main{width:1200px;margin:auto;height:600px}
.fooler{height:100px}
.fooler-01{background:#d09696}
.fooler-02{background:#bcc373}
.fooler-03{background:#8488e8}
.fooler-04{background:#cf8fd8}
.fooler-05{background:#d096b3}
.fooler-05{background:#d096b3}
footer{width:100%;text-align:center;line-height:20px;background:#333;color:#fff}